@charset "UTF-8";
/*我的订单*/
.orderBox{
    width:100%;
    background: #fff;
    border-bottom: 1px solid #dedede;
    margin-bottom: 5%;
}
.orderTitle{
    width:100%;
    background: #8bc2e9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 1.5rem;
    color:#fff;
    line-height: 3.6rem;
}
.bh{
    width:70%;
    float: left;
    text-align: left;
    text-indent: 2%;
}
.zf{
    width:30%;
    float: left;
    text-align: right;
    padding-right: 2%;
}
.orderPro{
    width:100%;
    padding:3% 3% 0 3%;
}
.orderPro .img_002{
    width:30%;
    float: left;
    margin-right: 3%;
}
.img_002 >a{
    display: inline-block;
}
.img_002 img{
    width:100%;
    /*height:29vw;*/
    border:1px solid #e3e3e3;
}
.proDd{
    width:67%;
    float: left;
}
.proDd h3, .proDd h4{
    font-weight: normal;
}
.proDd h3 a{
    font-size: 1.4rem;
    color:#666;
    line-height: 1.8rem;
}
.proDd h4{
    font-size: 1.4rem;
    color:#ffbf3e;
    line-height: 2.2rem;
}
.proDd p{
    font-size: 1.4rem;
    color:#ff653c;
    line-height: 1.8rem;
}
.orderInform{
    width:100%;
    padding:0 3%;
    border-bottom: 1px solid #dedede;
    font-size: 1.2rem;
    line-height: 3rem;
}
.orderNum{
    width:40%;
    float: right;
    color:#666;
    text-align: right;
}
.orderNum span,.orderNum em{
    font-style: normal;
    color:#ff9534;
    font-weight: bold;
}
.orderNum span{
    display: inline-block;
    padding-right:4%;
}
.btnBox{
    width:100%;
    padding:3%;
    text-align: right;
}
.btnBox a{
    display: inline-block;
    line-height: 3rem;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 5px;
}
.orderTm{
    width:60%;
    float: left;
    color:#999;
    text-align: left;
    font-size: 1.2rem;
    line-height: 3rem;
}
.btn{
    width:40%;
    float: right;
}
.btnBox .btn_003{
    width:48%;
    background: #44b46c;
    color:#fff;
}
.btnBox .btn_004{
    width:48%;
    background: #e86256;
    color:#fff;
}
.btnBox .text_001{
    width:45%;
    color:#999;
}
.btnBox .btn_005{
    width:48%;
    background: #ff922d;
    color:#fff;
}
.btnBox .btn_006{
    width:48%;
    background: #e86256;
    color:#fff;
}

/*校服详情*/
.proImg{
    width:100%;
    height:auto;
}
.proImg img{
    width:100%;
}
.proDet{
    width:100%;
    padding:0 2%;
}
.proDet h3{
    font-size: 2rem;
    line-height: 4rem;
    color:#666;
    font-weight: normal;
    border-bottom: 1px solid #e1e1e1;
}
.proPara{
    width:100%;
}
.title001{
    font-size: 1.6rem;
    line-height: 5rem;
    color:#ffbf3e;
}
.paraCm{
    width:100%;
}
.paraCm ul{
    width:100%;
    border:1px solid #e1e1e1;
}
.paraCm ul li{
    width:100%;
    border-bottom:1px solid #e1e1e1;
}
.paraCm ul li:last-child {
    border-bottom:none;
}
.paraCm ul li span{
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.6rem;
}
.paraCm ul li .span_010{
    width:18%;
    text-align: center;
    border-right:1px solid #e1e1e1;
    color:#999;
}
.paraCm ul li .span_011{
    width:80%;
    color:#666;
}
.detailBox{
    width:100%;
}
.detailBox img{
    width:100%;
    margin-bottom: 2%;
}

/*订单详情*/
.ddBox{
    width:96%;
    margin: 0 2% 3%;
    border:1px solid #e1e1e1;
    border-radius: 10px;
    background: #fff;
}
.ddTitle{
    width:100%;
}
.title002{
    width:75%;
    padding-left: 3%;
    float: left;
    font-size: 1.6rem;
    line-height: 4rem;
    color:#333;
}
.title002 img{
    width:30px;
    height:30px;
    vertical-align: middle;
    margin-right: 1.5%;
}
.ddZt{
    width:25%;
    float: left;
    text-align: right;
    padding-right: 2%;
    font-size: 1.6rem;
    line-height: 4rem;
    color:#44b46c;
}
.ddInform{
    width:100%;
}
.ddInform >ul >li{
    width:100%;
    border-top:1px solid #e1e1e1;
}
.ddInform ul li span{
    font-size: 1.4rem;
    line-height: 4rem;
    color:#666;
    display: inline-block;
    text-align: right;
}
.ddInform ul li .span_012{
    width:24%;
}
.ddInform ul li .span_013{
    width:73%;
    color:#999;
}
.ddInform ul li .span_014{
    width:73%;
    color:#666;
}
.ddInform001{
    width:100%;
}
.ddInform001 ul li span{
    font-size: 1.2rem;
    line-height: 3rem;
    color:#666;
    display: inline-block;
    text-align: center;
}
.ddInform001 ul li .span_015{
    width:36%;
}
.ddInform001 ul li .span_016{
    width:15%;
}
.ddInform001 ul li .span_017{
    width:22%;
    color:#ff8400;
}
.ddInform001 ul li .span_033{
    width:48%;
}
.ddInform001 ul li .span_034{
    width:48%;
    color:#ff8400;
}




.fyh{
    width:100%;
    border-top:1px solid #e1e1e1;
    font-size: 1.4rem;
    line-height: 4rem;
    color:#666;
}
.fyh span{
    display: inline-block;
}
.fyh .span_018{
    width:30%;
    text-align: left;
    padding-left: 2%;
}
.fyh .span_019{
    width:67%;
    text-align: right;
    color:#ff8400;
}
.ddDra{
    width:100%;
    border-top:1px solid #e1e1e1;
    font-size: 1.4rem;
    line-height: 4rem;
    color:#666;
    text-indent: 2%;
}
.ddInform ul li .span_022{
    width:40%;
    margin-right: 5%;
    text-align: center;
}
.span_022 .input011{
    width:20px;
    height:20px;
    vertical-align: middle;
    margin-top: -2%;
}
.ddInform ul li.ny{
    position: relative;
}

.ddInform ul li .span_022 label{
    vertical-align: middle;
    margin-left:5%;
}
.ddInform ul li .span_022 input[type="radio"]:after{
    width:20px;
    height:20px;
    border-radius: 50%;
    border:1px solid #4baaf7;
    background: transparent;
    display: block;
    content: "";
}
.ddInform ul li .span_022 input[type="radio"]:checked::after {
    content: "√";
    display: block;
    text-align: center;
    font-size: 1.5rem;
    height: 20px;
    width:20px;
    border-radius: 50%;
    color:#fff;
    font-weight: bold;
    background: #4baaf7;
}
/*确认订单信息*/
.ddInform ul li .span_018{
    width:73%;
    color:#666;
    text-align: left;
    position: relative;
}
.ddInform ul li .span_018 .input008{
    width:100%;
    color:#666;
    background: #f8f8fa;
    border:1px solid #e1e1e1;
    border-radius: 5px;
    line-height: 2.4rem;
    text-indent: 2%;

}
.ddInform ul li .span_018 input::-webkit-input-placeholder{
    color:#d3d3d7 !important;
}
.wlMode{
    width:100%;
    font-size: 1.4rem;
    line-height: 4rem;
}
.wlMode ul li{
    width:100%;
    border-top:1px solid #e1e1e1;
    position: relative;
}
.wlMode ul li >label{
    color:#666;
    padding-left: 2%;
    display: block;
    width: 80%;
    float: left;
}
.wlMode ul li >label span{
    color:#ff8e26;
}
.wlMode input[type="radio"]:after{
    position: absolute;
    top:1rem;
    right:2.5%;
    width:18px;
    height:18px;
    border-radius: 50%;
    border:1px solid #4baaf7;
    background: transparent;
    display: block;
    content: "";
}
.wlMode input[type="radio"]:checked::after {
    content: "√";
    display: block;
    text-align: center;
    font-size: 1.5rem;
    height: 20px;
    width:20px;
    border-radius: 50%;
    color:#fff;
    font-weight: bold;
    background: #4baaf7;
}
.pux{
    width:96%;
    margin:2%;
    padding:0 2%;
    font-size: 1.2rem;
    line-height: 2.2rem;
    color:#666;
    border:1px solid #e1e1e1;
    border-radius: 5px;
    background: #f8f8fa;
    display: none;
    position: relative;
}
.pux div{
    color:#666;
    font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: normal;
}
.pux div strong{
    color:#666;
    font-weight: normal;
    padding-left: 5%;
}
.pux a{
    display: inline-block;
    position: absolute;
    right:2%;
    top:10%;
    background: url("../img/icon010.png") no-repeat;
    background-position: 0 -15px;
    background-size: 50%;
    width:18px;
    height:18px;
}
.pux >label{
    color:#666;
    padding-left: 2%;
}
.wlMode ul li .dz{
    display: inline-block;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.6rem;
    width:78%;
    height:4rem;
    overflow: hidden;
    padding:0.6rem 0;
    position: absolute;
    top:0;
    left:13%;
}
.pux01{
    height:4rem;
    line-height: 4rem;
}
.pux01 .input009{
    width:50%;
    line-height: 2.5rem;
    text-indent: 3%;
    margin-left: 3%;
    border:1px solid #e1e1e1;
    background: #fff;
    border-radius: 5px;
}
.pux01 .input010{
    width:20%;
    line-height: 2.5rem;
    text-indent: 3%;
    margin-left: 5%;
    border:1px solid #e1e1e1;
    color:#fff;
    background: #81b9df;
    border-radius: 5px;
}
.qrBtn{
    width:96%;
    margin: 10% 2% 0;
    border-radius: 8px;
}
.qrBtn a{
    display: block;
    width:100%;
    border-radius: 8px;
    background: #81b9df;
    color:#fff;
    font-size: 1.4rem;
    line-height: 3.5rem;
    text-align: center;
}
/*订单跟踪*/
.ddTop{
    width:100%;
    padding:3%;
    background: #fff;
}
.img_003{
    width:25%;
    height:23vw;
    float: left;
    border:1px solid #e1e1e1;
}
.ddText{
    width:73%;
    padding-left: 3%;
    float: left;
    vertical-align: middle;
}
.ddText h3{
    line-height: 1.8rem;
    color:#666;
    font-size: 1.4rem;
    font-weight: normal;
}
.ddText h3 span{
    color:#25ae5f;
    padding-left: 4%;
}
.ddText p{
    line-height: 1.6rem;
    color:#999;
    font-size: 1.2rem;
}
.pjy{
    width:100%;
    padding:4% 3%;
    background: #fff;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    margin-top: 3%;
}
.img_004{
    width:40px;
    height:40px;
    float: left;
    border:1px solid #e1e1e1;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}
.img_004 img{
    width:70%;
    height:auto;
    margin-top: 10%;
}
.pjyText{
    width:85%;
    float: left;
    padding-left: 3%;
    position: relative;
}
.pjyText p{
    line-height: 1.6rem;
    color:#999;
    font-size: 1.2rem;
}
.pjyText h3{
    line-height: 1.8rem;
    color:#666;
    font-size: 1.4rem;
    font-weight: normal;
}
.pjyText a{
    display: block;
    position: absolute;
    top:10%;
    right:0;
    width:30px;
    height:30px;
    border-radius: 50%;
    background: url("../images/icon028.png") no-repeat center;
    background-size: 90%;
}

.trackRcol{
    width:100%;
    margin-top: 3%;
    background: #fff;
    border:1px solid #e3e3e3;
}
.trackList{
    width:90%;
    margin-left: 8%;
}
.trackList ul li{
    width:100%;
    padding-bottom: 5%;
    border-left:1px solid #e3e3e3;
    position: relative;
}
.trackList ul li i{
    display: block;
    float: left;
    width:18px;
    height:18px;
}
.trackList ul li.first{
    color:#8bc2e9;
    padding-top: 0;
    margin-top: 4%;
}
.trackList ul li:last-child{
    border-left:none;
}
.trackList ul li:last-child .lcText{
    border-bottom:none;
}
.trackList ul li.first .nodeIcon{
    background: url("../images/icon029.png") no-repeat top left;
    background-size: 100%;
    position:absolute;
    top:0;
    left:-2.8%;
}
.trackList ul li .nodeIcon{
    background: url("../images/icon030.png") no-repeat top left;
    background-size: 90%;
    position:absolute;
    top:0;
    left:-2.5%;
}
.lcText{
    width:90%;
    margin-left: 10%;
    padding-bottom: 6%;
    float: left;
    border-bottom:1px solid #e3e3e3;
    position: relative;
    color:#999;
    font-size: 1.4rem;
    line-height: 2.2rem;
    vertical-align: baseline;
}
.lcText span{
    display: block;
    width:100%;
}


